import { createStyles } from '@/styles';

export const useStyles = createStyles(({ css, cx }) => {
    const split = cx(css`
        .gutter {
            background-color: #eee;
        
            background-repeat: no-repeat;
            background-position: 50%;
        }
        
        .gutter.gutter-vertical {
            cursor: row-resize;
            background-image: url('');
        }
        
        .gutter.gutter-horizontal {
            cursor: col-resize;
            background-image: url('');
        }
  `);
    return {
        split,
    };
});